// 导航移入移除
$(".n1").hover(function() {
    $(this).next(".nav-box1").finish().slideToggle();
});

 //默认第一个小圆点特殊颜色 
 $('.anniuhang a').eq(0).css('background','#ff8000');
// 轮播图
// 自动播放
var a = 0;
var lunbobg = $('#lunhe')
var lunbotu = $('.lunbohezi').children()
// console.log(lunbotu );
var time = setInterval(fn,1000);



// 点击按钮
// 左按钮移入移除
$('#lunhe').on({
    mouseover:function(){
        clearInterval(time);
        $('.an-left').css('display','block')
        $('.an-right').css('display','block')
    },
    mouseout:function(){
        clearInterval(time);
        time = setInterval(fn,2000)
        $('.an-left').css('display','none')
        $('.an-right').css('display','none')
    }
})

function fn(){
    a++;
    $('.anniuhang a').children().eq(a).css('background','#ff8000').siblings().css('background','rgba(255,255,255,.5)');
    if(a==4){
        lunbotu.eq(0).fadeIn()
        lunbotu.eq(a-1).fadeOut()
        // console.log(a);
        return a=0
    }

    lunbotu.eq(a).siblings().fadeOut()
    lunbotu.eq(a).fadeIn()
};


var i = 0; //图片的索引 
var timer = null;
 //  左侧按钮单击事件
 $('.an-left').click(function() {
    i--;
    $('.anniuhang a').children().eq(i).css('background','#ff8000').siblings().css('background','rgba(255,255,255,.5)');
    if (i < 0) {
        i = $('.lunbohezi li').length - 1;
    }

    fn();
});
//  右侧按钮单击事件

$('.an-right').click(function() {
    i++;
    console.log(i)
    $('.anniuhang a').children().eq(i).css('background','#ff8000').siblings().css('background','rgba(255,255,255,.5)');
    if (i == $('.lunbohezi li').length) {
        i = 0;
    }
    // console.log(i);
    fn();

});


// 小圆点单击事件
$('.anniuhang a').click(function() {
    $(this).css('background','#ff8000').siblings().css('background','rgba(255,255,255,.5)');
    i = $(this).index();
    $(this).addClass('current').siblings().removeClass('current');
    $('.lunbohezi li').eq(i).css('display', 'block').siblings().css('display', 'none');

});

 //默认第一个小圆点特殊颜色 
 $('.anniuhang a').eq(0).css('background','#ff8000');

//====================计时器=========================//
 $(function () {
    fn()

    function fn() {
        var timer = setInterval(function () { 
            var StartTime = new Date();
            var NowTime = new Date();
            var day = NowTime.getDate();
            var month = NowTime.getMonth() + 1;
            var year = NowTime.getFullYear();

            var tw1 = year + '/' + month + '/' + day + ' 12:00:00';
            var ei1 = year + '/' + month + '/' + day + ' 24:00:00';

            tw1 = new Date(tw1).getTime();
            ei1 = new Date(ei1).getTime();
            var EndTime = '';
            if (NowTime < StartTime) {
                EndTime = StartTime;

            } else {

                if (NowTime < tw1) {
                    EndTime = tw1;
             
                } else if (NowTime >= tw1 && NowTime < ei1) {
                    EndTime = ei1;
                   
                }

         
            }
            
            var t = EndTime - NowTime;
            if (t < 1000) {
                window.location.reload();
                clearInterval(timer);
                timer = null;
                return false;
            }
            var d = 0;
            var h = 0;
            var m = 0;
            var s = 0;
            if (t >= 0) {
                d = Math.floor((t / 1000 / 3600) / 24);
                h = Math.floor((t / 1000 / 3600) % 24);
                m = Math.floor((t / 1000 / 60) % 60);
                s = Math.floor(t / 1000 % 60);
                if (d < 10) {
                    d = "0" + d;
                }
                if (h < 10) {
                    h = "0" + h;
                }
                if (m < 10) {
                    m = "0" + m;
                }
                if (s < 10) {
                    s = "0" + s;
                }
                $('#xiaoshi').html(h);
                $('#fenzhong').html(m);
                $('#miao').html(s);
            }
        }, 1000)
    }
})

// 菜单
$.ajax({
    url:"http://localhost/mycart/cyrshop/src/js/1.json",
    success:function(res){
        // console.log(res)
        for(let i=0;i<res.length;i++){
            console.log(i);
            $('.erjida').append(`<h3>${res[i].title}</h3>`)
            res[i].items.forEach(function(val){
                $('.erjida').append(`<a>${val.show_name}</a>`)
            });
        }
       
    },
    dataType :"json"
})

// 二级菜单
$(".erjida li").hover(function() {
    $(this).first(".erji").finish().slideToggle();
    console.log($(this))
});